<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>Tyvo Ranger</title>
		<link rel="stylesheet" type="text/css" title="theme1" href="css/theme1.css"/>
		<script type="text/javascript" src="index.js"></script>
	</head>
<body>
	<div id="header">
		<div class="header_container">
			<div class="header_grid">
				<div class="logo">
					<h1>
						<a href="index.html" title="">Tyvo Ranger</a>
					</h1>
				</div>
				<div class="navigation">
					<ul class="menu">
						<li id="current-menu"> <a href="index.html"> <span> <span> Home </span> </span> </a> </li>
						<li> <a href="content.html"> <span> <span> Content </span> </span> </a> </li>
						<li> <a href="post.html"> <span> <span> Post </span> </span> </a> </li>
						<li> <a href="#"> <span> <span> Login </span> </span> </a> </li>
						<li> <a href="register.php"> <span> <span> Register </span> </span> </a> </li>						
					</ul>
				</div>
				<form class="form-search">
					<span class="search-icon">
						<i class="nav-search"></i>
					</span>
					<input class="search-input" type="text" name="q" placeholder="Search">
					<ul id="dropdown">
						<li>
							<a class="search-filter" href="#">
								<i class="nav-search-filter"></i>
							</a>
							<ul>
								<li><a href="#">no filter</a></li>
								<li><a href="#">by username</a></li>
								<li><a href="#">by content</a></li>
							</ul>					
						</li>
					</ul>
				</form>
			</div>	
		</div>
		<div id="header-line"></div>
	</div>
	<div class="primaryContent">
		<div id="container" class="container">
			<div class="sorting-bar">
				<ul class="content-type">
					<li><a class="current" href="#">Three Most Popular</a></li>
					<li><a class="" href="#">Three Most Commented</a></li>
				</ul>
			</div>
			<div id="content">
				<!--script type="text/javascript">
					createImgForHome();
				</script-->
				<div class="portofolio">
					<a class="imgcontainer" href="1.jpg.html">
						<img class="bestcontent" height="300" width="400" src="content/1.jpg">
					</a>
					<a class="title" href="1.jpg.html">1.jpg</a>
					<span class="likecount">
						<img class="thumbup" src="theme/like-mark.png">
					<span id="like0">16473</span>
					</span>
					<button id="but_like0" class="but_like" onclick="redrawLikedElement(this)">Like</button>
					<button id="but_dislike0" class="but_dislike" onclick="redrawDislikedElement(this)">Dislike</button>
					<br>
				</div>
				<hr class="line">
				<div class="portofolio">
					<a class="imgcontainer" href="2.jpg.html">
						<img class="bestcontent" height="300" width="400" src="content/2.jpg">
					</a>
					<a class="title" href="2.jpg.html">2.jpg</a>
					<span class="likecount">
						<img class="thumbup" src="theme/like-mark.png">
					<span id="like0">16473</span>
					</span>
					<button id="but_like0" class="but_like" onclick="redrawLikedElement(this)">Like</button>
					<button id="but_dislike0" class="but_dislike" onclick="redrawDislikedElement(this)">Dislike</button>
					<br>
				</div>
				<hr class="line">
				<div class="portofolio">
					<a class="imgcontainer" href="3.jpg.html">
						<img class="bestcontent" height="300" width="400" src="content/3.jpg">
					</a>
					<a class="title" href="3.jpg.html">3.jpg</a>
					<span class="likecount">
						<img class="thumbup" src="theme/like-mark.png">
					<span id="like0">16473</span>
					</span>
					<button id="but_like0" class="but_like" onclick="redrawLikedElement(this)">Like</button>
					<button id="but_dislike0" class="but_dislike" onclick="redrawDislikedElement(this)">Dislike</button>
					<br>
				</div>
			</div>
		</div>
	</div>
</body>
</html>